<template>
    <h2>房租查询</h2>
  <el-table :data="tableData" height="500" border style="width: 100%">
    <el-table-column label="序号" width="120">
      <template v-slot="scope">
        {{ scope.$index + 1 }}
      </template>
    </el-table-column>
    <el-table-column prop="Hnum" label="房号" width="120">
    </el-table-column>
    <el-table-column prop="Harea" label="住房面积" width="120">
    </el-table-column>
    <el-table-column prop="Hallocation" label="分配标志" width="120">
    </el-table-column>
    <el-table-column prop="Urentmeter" label="每平方米房租" width="120">
    </el-table-column>
  </el-table>

</template>
<script>
export default {
    data() {
    return {
      tableData: [],
    };
  },
  mounted() {
    this.$http
      .get("api/auth/property")
      .then((response) => (this.tableData = response.data));
  },
}
</script>
